import React from 'react';
import { connect } from 'dva';
import { Row, Col } from 'antd';
import configs from './CommonComp/configs/realTime';
import CommonBorder from './Wrappers/CommonBorder';
import ZyRealTime from './CommonComp/ZyRealTime';

/**
 * 中邮驿路大屏：实时数据
 *  */
const RealTimeZyyl = () => (
  <CommonBorder title="实时数据">
    <Row type="flex" justify="space-between" gutter={[10, 0]}>
      {configs.zyyl.map(val => (
        <Col style={{ width: '20%' }} key={val.type}>
          <ZyRealTime
            platform={val.platform}
            dispatchType={val.dispatchType}
            type={val.type}
            title={val.title}
            subTitle={val.subTitle}
          />
        </Col>
      ))}
    </Row>
  </CommonBorder>
);

export default connect()(RealTimeZyyl);
